#videoContainer{
    height: 100%;
}

.landingDiv{
    /*position:absolute;*/
    width:45%;
}

.landingTextDiv{
    margin-left: 5%;
    width:100%;
    margin-top: 10em;
    color:#414141;
}

.landingButtonDiv{
    margin-top: 2%;
    color:white;
    margin-left: 5%;
    width:100%;
}

.slogan{
    font-size: 325%;
    display:block;
    font-weight: lighter;
    width:70%;
}

.companySlogan{
    font-size: 325%;
    display:block;
    font-weight: lighter;
}

.steps{
    padding-bottom: 3%;
    background-color: #7DC7C9;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
}

.companySteps{
    padding-bottom: 3%;
    background-color: #414141;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
}

.step{
    margin-top: 1%;
    margin-bottom: 1%;
}

.stepFigureDiv{
    width:20%;
    display:inline-block;
}

.stepFigure{
    width:100%;
}

.color{
    padding:1.5%;
    background-color: #f17a7a;
    color:white;
    margin-right:-1.5%!important;
}

.color span{
    background-color: #f17a7a;
    color:white;
}

.stepTextDiv{
    color:#aaaaaa;
    width:51.3%;
    /*color:white;*/
    display:inline-block;
    margin-left: 3.75%;
    margin-right:3.75%;
    vertical-align: top;
    text-align: left;
}

.loginLandingButton{
    margin-right: 4%;
}

.stepTextBody{
    vertical-align: top;
    margin-top: -0.2em;
    display:block;
    margin-bottom: 1em;
    //font-size: 75%;
}

.stepTextTitle{
    display:block;
    text-align: left;
    margin-top:0;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-right: 0;
}

#step2{
    text-align: right;
}

.grid{
    padding: 3% 2% 3% 2%;
}

.stepGrid{
    display:inline-block;
    width:49.5%;
    vertical-align: top;
}

.gridFigureDiv{
    width:44%;
    display:inline-block
}

.gridTextDiv{
    color:#aaaaaa;
    width:52%;
    display:inline-block;
}

.gridTextDivLeft, .gridTextDivRight{
    margin-left: 3%;
}

.positionBottom{
    vertical-align: bottom;
}

/*.gridText{
    font-size: 85%;
}*/

.littleStep1{
    width:22%;
}

.littleStep1 .gridTextDiv, .littleStep2 .gridTextDiv{
    width:100%;
    margin-top: 0.5em;
}

.littleStep2{
    width:26%;
}

.fullTextDiv{
    width:39.5%;
    background-color: #f17a7a;
    margin-right: 1%;
    padding:4.5%;
    margin-left: 1.25%;
}
#step2grid{
    margin-top: 1em;
}

.stepTextFooter{
    font-size: 75%;
    color:#414141;
}

.fullTextDiv, .littleStep1, .littleStep2{
    margin-top: 2em;
}

.mobileForm{
    display:none;
}

/*WORK WITH US*/

.workWithUsLogo{
    margin-top: 3em;
    width:30%;
    padding: 0 15% 0 15%;
}
.sloganWorkWithUs{
    font-size: 325%;
    display:block;
    width:100%;
}
.landingTextDivWorkWithUs{
    width:60%;
    color:#414141;
    text-align: center;
    display:inline-block;
}
@media \0screen\,screen\9{
    .landingDiv{
        background-image: url("../fondo_color.jpg.xhtml?ln=images");
        position:relative!important;
        width:100%;
        background-position: center;
        background-repeat: no-repeat;
        background-color: white;
        color:black!important;
        height: 500px;
        padding-top: 150px;
    }
    #videoContainer{
        display:none;
    }
    
    .landingTextDiv{
        margin-left: 5%;
        width:45%;
        margin-top: 0%;
        
    }

    .landingButtonDiv{
        margin-top: 0;
        color:white;
        margin-left: 5%;
        width:45%;
        height:auto;
    }
}